<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
	<head>
		<meta charset="utf-8">
		<title>已完成考试详情</title>
		<link href="css/app.css" rel="stylesheet">
		<link rel="stylesheet" href=""/>
		<link rel="stylesheet" href="../../static/css/exam/didexam.css"/>
	</head>
	<body>
	<script type="text/javascript">
	var div_ls = document.getElementsByTagName('div') 
	var btn = document.getElementsById('button') 
    btn.onclick = function(){  
		$(".subsub2").style.display = "";    
        for(var i=0;i<div_ls.length;i++){        	
            if(div_ls[i].getAttribute('id') == 'answer'){            	
                div_ls[i].style.display = "";
            }
        }
    }
	
	</script>
	
	
	
		<div class="wrapper">
				<nav id="sidebar" class="sidebar js-sidebar">
					<div class="sidebar-content js-simplebar">
						<a class="sidebar-brand" href="index.html">
			      <span class="align-middle">AdminKit</span>
			    </a>
			
						<ul class="sidebar-nav">
							<li class="sidebar-header">
										导航栏
									</li>
							
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="teacher.html" th:if="${usertype} eq '0'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
							<a class="sidebar-link" href="/personpage3" th:if="${usertype} eq '1'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
							<a class="sidebar-link" href="admin.html" th:if="${usertype} eq '2'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/myexam">
							  <i class="align-middle" data-feather="check-square"></i> <span class="align-middle">考试主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/class">
							  <i class="align-middle" data-feather="book"></i> <span class="align-middle">课程主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/questionbankpage">
							  <i class="align-middle" data-feather="map"></i> <span class="align-middle">题库练习</span>
							</a>
									</li>
									<li class="sidebar-item" th:if="${usertype} eq '0'">
												<a class="sidebar-link" href="/AddExaminfo">
									  <i class="align-middle" data-feather="file"></i> <span class="align-middle">上传考试</span>
									</a>
											</li>
						</ul>
					</div>
				</nav>
			
				<div class="main">
					<nav class="navbar navbar-expand navbar-light navbar-bg">
						<a class="sidebar-toggle js-sidebar-toggle">
							<i class="hamburger align-self-center"></i>
						</a>
			
						<div class="navbar-collapse collapse">
							<ul class="navbar-nav navbar-align">
								<li class="nav-item dropdown">
									<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown">
										<i class="align-middle" data-feather="settings"></i>
									</a>
			
									<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown">
										<i class="align-middle me-2" data-feather="feather"></i>
										<span th:if="${usertype} eq '0'">老师</span>
										<span th:if="${usertype} eq '1'">学生</span>
										<span th:if="${usertype} eq '2'">管理员</span>
										<img src="images/someicon/teacher.jpg" class="avatar img-fluid rounded me-1" alt="老师" th:if="${usertype} eq '0'"/> 
										<img src="images/someicon/student.jpg" class="avatar img-fluid rounded me-1" alt="学生" th:if="${usertype} eq '1'"/> 
										<img src="images/someicon/admin.jpg" class="avatar img-fluid rounded me-1" alt="管理员" th:if="${usertype} eq '2'"/> 
										<span class="text-dark" th:utext="${usermail}"></span>
									</a>
									<div class="dropdown-menu dropdown-menu-end">
										<a class="dropdown-item" href="teacherinfoupdate" th:if="${usertype} eq '0'"><i class="align-middle me-1" data-feather="user"></i> 修改信息</a>
										<a class="dropdown-item" href="/newstudentInformation" th:if="${usertype} eq '1'"><i class="align-middle me-1" data-feather="user"></i>  修改信息</a>
										<a class="dropdown-item" href="admininfoupdate" th:if="${usertype} eq '2'"><i class="align-middle me-1" data-feather="user"></i>  修改信息</a>
										<div class="dropdown-divider"></div>
										<a class="dropdown-item" href="logout">Log out</a>
									</div>
								</li>
							</ul>
						</div>
					</nav>
					
				<!--在这里写我自己的东西-->
			<main class="content">
				<div class="container-fluid p-0">
					<div class="row">

						<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
						
						<div th:if="${#strings.isEmpty(noinfo) and (usertype==1)}" class="col-md-12">
								<div class="bigbox">
									<div class="forexaminfo">
										<div class="sub"></div>
										<div class="sub">
											<span style="font-size:20px">考试id：</span>
											<span th:utext="${examid}" style="font-size:20px;font-weight: 700;">123</span>
										</div>
										<div class="sub">
											<span style="font-size:20px">科目：</span>
											<span th:utext="${thisexaminfo.subject}" style="font-size:20px;font-weight: 700;">物理化学</span>
										</div>
										<div class="sub">
											<span style="font-size:20px">总分：</span>
											<span th:utext="${thisexaminfo.totalpoint}" style="font-size:20px;font-weight: 700;">123</span>
										</div>
										<div class="sub">
											<span style="font-size:20px" th:if="${absent} eq '0'">当前得分：</span>
											<span style="font-size:20px" th:if="${absent} eq '3'">得分：</span>
											<span th:utext="${partscore}" style="font-size:20px;font-weight: 700;">123</span>
										</div>
										<div class="sub">
											<span style="font-size:20px">批改状态：</span>
											<span th:if="${absent} eq '1'" style="font-size:20px;font-weight: 700;">缺考</span>
											<span th:if="${absent} eq '0'" style="font-size:20px;font-weight: 700;">未批改</span>
											<span th:if="${absent} eq '3'" style="font-size:20px;font-weight: 700;">已批改</span>
										</div>
										<div class="sub">											
											<button id="button"></button>
										</div>
									</div>
									
									
									
									<div th:if="${not #lists.isEmpty(cqinfolist)}">
										<div class="forqtitle">
											<div class="someinfo">
												<h3>选择题:</h3>
											</div>
											<div class="maininfo">	
											</div>
										</div>
										<div class="forq" th:each="i:${cqinfolist}">
												<div class="someinfo">
													<div class="subsub">
														题号:
													</div>
													<div class="suba">
														<p th:utext="${iStat.count}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														分值:
													</div>
													<div class="suba">
														<p th:utext="${i.point}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														难度:
													</div>
													<div class="suba">
														<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
														<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
														<p th:if ="${i.difficulty} gt '0.5'" style="font-weight:700;">困难</p>
													</div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="subsub"></div>
													<div class="subsub"></div>
												</div>
												<div class="maininfo">
													<div class="forblank"></div>
													<div class="forreal">
														<p th:utext="${i.content}">我是题干哈哈哈哈</p>
														<div th:if="${not #strings.isEmpty(i.picture)}">
															<div class="forimg">
																<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
															</div>		
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<input class="form-check-input" type="radio">																	
																</div>
																<div class="foro12">
																	<span class="form-check-label"> A </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:utext="${i.optiona}">
																	我是选项A
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<input class="form-check-input" type="radio">																	
																</div>
																<div class="foro12">
																	<span class="form-check-label"> B </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:utext="${i.optionb}">
																	我是题干
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<input class="form-check-input" type="radio">																	
																</div>
																<div class="foro12">
																	<span class="form-check-label"> C </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:utext="${i.optionc}">
																	我是题干
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<input class="form-check-input" type="radio">																	
																</div>
																<div class="foro12">
																	<span class="form-check-label"> D </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:utext="${i.optiond}">
																	我是题干
																</p>
															</div>
														</div>
														<div class="forfill">
															<div class="subsub">
																<p style="font-weight:700;">答案：</p>
															</div>
															<div class="subsub2" id="answer" style="display:none">
																<p th:utext="${i.answer}"></p>
															</div>
															
															
															<div class="subsub"></div>
															<div class="subsub"></div>
															<div class="subsub" ></div>
															<div class="subsub"></div>
															<div class="subsub"></div>
															<div class="subsub"></div>
															<div class="subsub"></div>
														</div>
													</div>
												</div>
											</div>
									</div>
									
									
									
									
									<div th:if="${not #lists.isEmpty(jqinfolist)}">
										<div class="forqtitle1">
											<div class="someinfo">
												<h3>判断题:</h3>
											</div>
											<div class="maininfo">	
											</div>
										</div>
										<div class="forq" th:each="i:${jqinfolist}">
											<div class="someinfo">
												<div class="subsub">
													题号:
												</div>
												<div class="suba">
													<p th:utext="${iStat.count}" style="font-weight:700;">123</p>
												</div>
												<div class="subsub">
													分值:
												</div>
												<div class="suba">
													<p th:utext="${i.point}" style="font-weight:700;">123</p>
												</div>
												<div class="subsub">
													难度:
												</div>
												<div class="suba">
													<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
													<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
													<p th:if ="${i.difficulty} gt '0.8'" style="font-weight:700;">困难</p>
												</div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="subsub"></div>
												<div class="subsub"></div>
											</div>
											<div class="maininfo">
												<div class="forblank"></div>
												<div class="forreal">
													<p th:utext="${i.content}">我是题干哈哈哈哈</p>
													<div th:if="${not #strings.isEmpty(i.picture)}">
														<div class="forimg">
															<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
														</div>		
													</div>
													<div class="forjud">
														<div class="subsub">
															<p style="font-weight:700;">判断正误</p>
														</div>
														<div class="subsub">
															<div class="forT">
																<input class="form-check-input" type="radio">																
															</div>
															<div class="forT1">
																<span class="form-check-label">正确</span>
															</div>
														</div>
														<div class="subsub">
															<div class="forT">
																<input class="form-check-input" type="radio">
															</div>
															<div class="forT1">
																<span class="form-check-label">错误</span>
															</div>
														</div>
														<div class="subsub">123</div>
														<div class="subsub">123</div>
													</div>
													<div class="forfill" >
														<div class="subsub">
															<p style="font-weight:700;">答案：</p>
														</div>
														<div class="subsub2" id="answer" style="display:none">
															<p th:utext="${i.answer}"></p>
														</div>
														
														
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									
									<div th:if="${not #lists.isEmpty(fqinfolist)}">
										<div class="forqtitle1">
											<div class="someinfo">
												<h3>填空题:</h3>
											</div>
											<div class="maininfo">	
											</div>
										</div>
										<div class="forq" th:each="i:${fqinfolist}">
											<div class="someinfo">
												<div class="subsub">
													题号:
												</div>
												<div class="suba">
													<p th:utext="${iStat.count}" style="font-weight:700;">123</p>
												</div>
												<div class="subsub">
													分值:
												</div>
												<div class="suba">
													<p th:utext="${i.point}" style="font-weight:700;">123</p>
												</div>
												<div class="subsub">
													难度:
												</div>
												<div class="suba">
													<p th:if ="${i.difficulty} eq '0.2'" style="font-weight:700;">简单</p>
													<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
													<p th:if ="${i.difficulty} eq '0.8'" style="font-weight:700;">困难</p>
												</div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="suba"></div>
												<div class="subsub"></div>
												<div class="subsub"></div>
											</div>
											<div class="maininfo">
												<div class="forblank"></div>
												<div class="forreal">
													<p th:utext="${i.content}">我是题干哈哈哈哈</p>
													<div th:if="${not #strings.isEmpty(i.picture)}">
														<div class="forimg">
															<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
														</div>		
													</div>
													
													<div class="forfill">
														<div class="subsub">
															<p style="font-weight:700;">我的答案：</p>
														</div>
														<div class="subsub2">															
															<textarea class="form-control"  rows="2" placeholder="作答区域"></textarea>															
														</div>														
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
														<div class="subsub"></div>
													</div>
													<div class="forfill">
														<div class="subsub">
															<p style="font-weight:700;">正确答案：</p>
														</div>
														<div class="subsub2" id="answer" style="display:none">
															<p th:utext="${i.answer}"></p>
														</div>
														
														<div class="subsub"></div>
														<div class="subsub"></div>
													</div>
												
												</div>
											</div>
										</div>
									</div>
									
									
									
														
								</div>
							</div>
							
							<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
					</div>
				</div>
			</main>
				
				
			</div>
		</div>
		
		<script src="js/app.js"></script>
	</body>
</html>
